<!--
 * @Author: Baishui
 * @Date: 2021-09-23 17:31:04
 * @LastEditors: 陈少泉
 * @LastEditTime: 2021-10-10 20:41:14
 * @Description: file content
-->
<template>
  <div class="d3">
    <a-tabs type="card" v-model:activeKey="activeKey">
      <a-tab-pane key="basic" tab="demo">
        <Demo />
      </a-tab-pane>
      <a-tab-pane key="tree" tab="基础树形">
        <Tree />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script lang="ts">
  import { defineComponent, reactive, toRefs } from 'vue'
  import Demo from './demo/index.vue'
  import Tree from './tree/index.vue'

  export default defineComponent({
    name: 'D3',
    components: { Demo, Tree },
    setup() {
      const state = reactive({
        activeKey: 'basic',
      })
      return {
        ...toRefs(state),
      }
    },
  })
</script>
<style lang="less" scoped>
  .d3 {
  }
</style>
